<template>
	<view class="allmoney">
		<view class="allmoney_content">
			<view class="allmoney_content_one">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/changshou1.png" mode="widthFix"></image>
					<text>
						长寿福
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						<!-- {{.}} -->
						 {{fuka1}}(价值:{{fukam1}})
					</text>
					
				</view>
			</view>
			<view class="allmoney_content_one">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/fugui2.png" mode="widthFix"></image>
					<text>
						富贵福
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{fuka2}}(价值:{{fukam2}})
					</text>
					
				</view>
			</view>
			
			<view class="allmoney_content_one" >
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/lita3.png" mode="widthFix"></image>
					<text>
						利他福
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{fuka3}}(价值:{{fukam3}})
						
					</text>
					
				</view>
			</view>
			<view class="allmoney_content_one">
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/aiguo4.png" mode="widthFix"></image>
					<text>
						爱国福
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{fuka4}}(价值:{{fukam4}})
					</text>
					
				</view>
			</view>
			<view class="allmoney_content_one"  >
				<view class="allmoney_content_one_left">
					<image class="round" src="/static/money/xiuzhen5.png" mode="widthFix"></image>
					<text>
						修真福
					</text>
				</view>
				<view class="allmoney_content_one_right">
					<text class="allmoney_content_one_right_numner">
						{{fuka5}}(价值:{{fukam5}})
					</text>
					
				</view>
			</view>
			
			
			
		</view>
	
	
		
		<view class="cu-list menu sm-border">
			<view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/fukalog')">
				<view class="content">
					<text class="wlIcon-yue1 text-orange"></text>
					<text>明细</text>
				</view>
			</view>
			<view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/fukazhuanfuquan')">
				<view class="content">
					<text class="wlIcon-tixianjilu text-orange"></text>
					<text>转入福券</text>
				</view>
			</view>
		</view>
		
	</view>
	
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			fuka1:0,
			fuka2:0,
			fuka3:0,
			fuka4:0,
			fuka5:0,
			fukam1:0,
			fukam2:0,
			fukam3:0,
			fukam4:0,
			fukam5:0,
			
		};
	},
	computed: {
		...mapState(['user'])
	},
	onLoad() {
		this.loadData();
	},
	methods: {
		async loadData() {
			this.$api.post({
				url: '/wanlshop/pay/getfuka',
				success: res => {
					// console.log(res)
					// this.$store.commit('user/setUserInfo', {gold: res});
					this.fuka1=res.fuka1;
					this.fuka2=res.fuka2;
					this.fuka3=res.fuka3;
					this.fuka4=res.fuka4;
					this.fuka5=res.fuka5;
					this.fukam1=res.fukam1;
					this.fukam2=res.fukam2;
					this.fukam3=res.fukam3;
					this.fukam4=res.fukam4;
					this.fukam5=res.fukam5;
				}
			});
		}
	}
};
</script>

<style>
	.wanl-money{
		
	}
	.bg-orange{
		width: 50%;
		text-align: center;
	}
.wanl-money .title{
	color: rgba(255, 255, 255, .7);
}
.text-sl{
	font-size: 16px;
}
.margin-top{
	margin-top:5px
}
.padding-bj {
    padding-bottom: 5px;
	padding-top: 0px;
	border-bottom: 1px solid #fe7500cf;
}
.allmoney{
	width: 100%;
}
.allmoney_content{
	width: 100%;
}
.allmoney_content_one{
	width: 94%;
	margin: 0 auto;
	display: flex;
	height: 2.5rem;
	line-height: 2.5rem;
	flex-direction: row;
	align-items: center;
	border:1px solid #f7f7f7 ;
	justify-content: space-around;
	 -moz-box-shadow: 3px 3px 3px #eee; -webkit-box-shadow: 3px 3px 3px #eee; box-shadow: 3px 3px 3px #eee;
	 border-radius: 3px;
	
}
.allmoney_content_one_left{
	width: 48%;
	text-align: left;
	height: 2.5rem;
	line-height: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
 
}
.allmoney_content_one_left image{
	 width: 1.6rem;
	 margin-right:0.5rem ;
 }

.allmoney_content_one_right{
	width: 48%;
	/* text-align: right; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.allmoney_content_one_right_numner{
	margin-right:0.5rem ;
}

</style>
